﻿@CHARSET "UTF-8";

body 
	{
		
	}
div.home-bodycon
	{
		width:1024px;
		margin:0 auto;
		border-left:1px solid orange;
		border-right:1px solid orange;
		border-top:3px dotted #3481D0;
		
	}
div.container
	{
		float:left;
		margin:15px;
		border:0px solid red;
	}
div.container, div.container img
	{
		width:700px; 
		height:250px;
	}
div.container img
	{
		border:0;
		vertical-align:top;
	}
div.container ul, div.container li
	{
		list-style:none;
		margin:0;
		padding:0;
	}

ul.num
	{
		 position:absolute; 
		 right:5px; 
		 bottom:5px; 
		 font:12px/1.5 tahoma, arial; 
		 height:18px;
	}
ul.num li{
	float: left;
	color: #d94b01;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	margin-left: 3px;
	border: 1px solid #f47500;
	background-color: #fcf2cf;
}
ul.num li.on{
	line-height: 18px;
	width: 18px;
	height: 18px;
	font-size: 14px;
	margin-top:-2px;
	background-color: #ff9415;
	font-weight: bold;
	color:#FFF;
}
	

	
div.logindiv
	{
		margin:8px 8px 0 0;
		width: 280px;
		float:right;
		border:0px solid blue;
		background:url(../../images/src/bg/bg-title.png) no-repeat; 
		background-color:white;
	}
div.logindiv h2,div.itemcon h2
	{
		color:white;
		margin:8px 0 0 40px;
	}

table.logintb
	{
		border:0px solid red;
		
		width:100%;
	}
table.logintb a,table.logintb td
	{
		text-decoration:none;
		color:#3481D0;
		font-weight:bold;
	}


button
	{
		border:0;
		background:white;
	}
	
div.itemcon
	{
		width:1024px;
		margin:20px 0;
		border:0px solid red;
		background:url(../../images/src/bg/bg-long-title.png);
		background-repeat: repeat-x; 
		background-color:white;
	}
div.itembox
	{
		margin:10px 6px;
		width:190px;
		height:245px;
		float:left;
		text-align:center;
		border:1px solid silver;
		
	}
div.itembox a
	{
		color:#3481D0;
		font-weight:normal;
		text-decoration:none;
		font-size:13px;
	}
div.itembox a:hover,ul.static-nav-detail li a:hover,table.logintb a:hover
	{
		color:orange;
		text-decoration:underline;
	}
img.itemimg
	{
		border:0;
		width:160px;
		height:160px;
		padding:3% 8%;
	}
	
div.static-nav-div
	{
		position:fixed;
		left:10%;
		top:15%;
		border:0px solid silver;
		width:50px;
	}
	
ul.static-nav-title,ul.static-nav-detail
	{
		list-style:none;
	}
.float-right
	{
		float:right;
	}
.float-left
	{
		float:left;
	}
		
ul.static-nav-title
	{
		display: inline;
	}
ul.static-nav-detail
	{
		border:0px solid black;
		width:120px;
		background:white;
	}
ul.static-nav-detail li
	{
		margin:0;
		padding:9px 5px;
		text-align:center;
	}
ul.static-nav-detail li a
	{
		text-decoration:none;
		color:#606060;
	}

#book-nav-detail,#fashion-nav-detail,#digit-nav-detail,#flower-nav-detail
	{
		display:none;
	}


	